<!-- 讲师入驻 -->
<template>
	<view class="enter">
		<view class="bg">
			<Header title="" :isShowRight="false" @back="back"/>
		</view>
		<view class="content">
			<view class="item" v-for="(item,index) in items" :key="item">
				<view>{{item.text}}</view>
				<u--input
				    placeholder="请输入"
				    v-model="item.value"
				    @change="change"
						border="none"
						inputAlign="right"
				  ></u--input>
			</view>
			
			<view class="item description">
				<view class="title">简要描述</view>
				<u--textarea v-model="description" autoHeight placeholder="请输入" maxlength="200" height count class="text"></u--textarea>
			</view>
			
			<view class="submit">提交</view>
			
		</view>
	</view>
</template>

<script>
	import Header from '@/components/c_header.vue';
	export default{
		components:{
			Header
		},
		data(){
			return {
				description:'',//描述
				items:[
					{
						text:'姓名',
						value:''
					},
					{
						text:'联系方式',
						value:''
					}
				]
			}
		},
		methods:{
			back(){
				uni.navigateBack();
			}
		}
	}
</script>

<style lang="scss" scoped>
	.enter{
		.bg{
			background:url('https://yzxk.oss-cn-hangzhou.aliyuncs.com/images/mine/create/bg1.png');
			height:434rpx;
			background-size:cover;
			padding:74rpx 0 0 32rpx;
		}
		.content{
			position:fixed;
			bottom:0;
			width: 100%;
			height:calc(100vh - 404rpx);
			background-color: #fff;
			border-radius: 30rpx 30rpx 0 0;
			padding:0 30rpx;
			.submit{
				width: 636rpx;
				height: 90rpx;
				background: #194FC9;
				border-radius: 46rpx;
				font-size: 30rpx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				color: #FFFFFF;
				text-align: center;
				line-height: 90rpx;
				position: fixed;
				bottom:86rpx;
				left:50%;
				transform: translateX(-50%);
			}
			.item{
				padding:56rpx 14rpx;
				width: 100%;
				display: flex;
				align-items: center;
				justify-content: space-between;
				border-bottom:2rpx solid #F1F1F1;
				font-size: 30rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #1A1A1A;
				view{
					width: 50%;
				}
			}
			.description{
				display: contents;
				&>.title{
					margin:56rpx 0 44rpx;
				}
				.text{
					background-color: #F8F8F8;
					width: 100%;
					// height:238rpx;
				}
			}
		}
	}
</style>